<!DOCTYPE html>
<html lang="zxx">

<head>
    <!--====== Required meta tags ======-->
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!--====== Title ======-->
    <title> Markpro - Digital Marketplace HTML Template </title>
    <!--====== Bootstrap css ======-->
    <link rel="stylesheet" href="../static/css/bootstrap.min.css">
    <!--=== Owl-Carousel ===-->
    <link rel="stylesheet" href="../static/css/owl.carousel.min.css">
        <!--===nice-select===-->
        <link rel="stylesheet" href="../static/css/nice-select.css">
    <!--====== Magnific ======-->
    <link rel="stylesheet" href="../static/css/magnific-popup.css">
    <!--====== Animate CSS ======-->
    <link rel="stylesheet" href="../static/css/animate.min.css">
    <!--====== Font Awesome ======-->
    <link rel="stylesheet" href="../static/css/font-awesome.min.css">
    <!--====== Main Css ======-->
    <link rel="stylesheet" href="../static/css/style.css">
    <!--====== Responsive Css ======-->
    <link rel="stylesheet" href="../static/css/responsive.css">

  
    <!-- 引入http-vue-loader -->
	<script src="https://unpkg.com/http-vue-loader"></script>
    <!-- 开发环境版本，包含了有帮助的命令行警告 -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <!-- 引入样式 --> 
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 --> 
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script src="https://unpkg.com/http-vue-loader"></script>

    <style>


        .class_upload_component {
            margin-top: 20px;
          text-align: center;
          position: absolute;
        
          left: 50%;
          transform: translateX(-50%);
          width: 65%; /* 将标签的宽度设置为50% */

        }
        
            </style>

</head>

<body>
    <!--====== Preloader Start ======-->
    <div id="preloader">
        <div class="loader-cubes">
            <div class="loader-cube1 loader-cube"></div>
            <div class="loader-cube2 loader-cube"></div>
            <div class="loader-cube4 loader-cube"></div>
            <div class="loader-cube3 loader-cube"></div>
        </div>
    </div>
    <!--====== Preloader End ======-->

  <!--====== Header Part Start ======-->
  <header class="header-one sticky-header">
    <div class="header-navigation">
        <div class="container-fluid d-flex align-items-center justify-content-between container-1470">
            <div class="header-left">
                <div class="site-logo">
                    <a href="../../index.html"><img src="../static/picture/logo.png" alt="Markpro"></a>
                </div>
            </div>
            <div class="header-right d-flex align-items-center justify-content-end">
                <div class="site-nav-menu">
                    <ul class="primary-menu">
                        <li class="current">
                            <a class="drop" href="../../index.html">主页</a>
                        </li>
                        <li>
                            <a href="../view/FP.html">功能点度量</a>
                        </li>
                        <li>
                            <a href="../view/marktetplace.html">类图辅助度量</a>
                        </li>
                        <li>
                            <a href="../view/contact.html">用例点辅助度量</a>
                        </li>
                        <li>
                            <a href="../view/controlflowMetric.html">控制流图辅助度量</a>
                        </li>
                        <li>
                            <a href="../view/codeMetric.html">代码辅助度量</a>
                        </li>
                    </ul>
                    <a href="#0" class="nav-close"><i class="fal fa-times"></i></a>
                </div>  
                <div class="header-extra d-flex align-items-center">
                    <div class="search-widget">
                        <a href="#0" class="search-icon"><i class="fal fa-search"></i></a>

                        <div class="search-form">
                            <form action="#">
                                <input type="search" placeholder="Type keywords & hit enter">
                            </form>

                            <a href="#0" class="search-close"><i class="fal fa-times"></i></a>
                        </div>
                    </div>
                    <div class="offcanvas-widget d-none">
                        <div class="offcanvas-icon">
                            <span></span><span></span><span></span>
                        </div>
                    </div>
                    <div class="nav-toggler">
                        <span></span><span></span><span></span>
                    </div>
                    <div class="navbar-btn">
                        <a href="#0"> <i class="fas fa-user"></i>My Account</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!--====== Header Part End ======-->

    <!--====== Banner Start ======-->
    <section class="breadcrumb-area">
        <div class="container">
            <div class="content">
                <h2 class="breadd  wow fadeInUp">
                    用例图辅助度量
                </h2>
                
            </div>
        </div>
    </section>
    <!--====== Banner End ======-->

    <!--====== Map Area Start ======-->
    <div class="class_upload_component" id="app">
        <upload-file></upload-file>
    </div>
    <!--====== Map Area Start ======-->




    <!--====== Back to top start ======-->
    <div class="back-to-top">
        <a href="#0"> <i class="fas fa-arrow-up"></i> </a>
    </div>
    <!--====== Back to top start ======-->

    <!--====== Jquery ======-->
    <script src="../static/js/jquery-3.6.0.min.js"></script>
    <!--====== Bootstrap ======-->
    <script src="../static/js/bootstrap.bundle.min.js"></script>
    <!--=== Owl-Carousel ===-->
    <script src="../static/js/owl.carousel.min.js"></script>
        <!--====== Nice Select ======-->
        <script src="../static/js/jquery.nice-select.min.js"></script>
    <!--====== Magnific ======-->
    <script src="../static/js/jquery.magnific-popup.min.js"></script>
    <!--====== Wow ======-->
    <script src="../static/js/wow.min.js"></script>
    <!--====== Main JS ======-->
    <script src="../static/js/main.js"></script>




    <script src="https://gw.alipayobjects.com/os/lib/antv/g6/4.3.11/dist/g6.min.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <!-- 引入axios -->
    <script src="../assets/js/axios.min.js"></script>




    <script>
        Vue.use(httpVueLoader)  
        var vm = new Vue({  
                el: '#app',  

                components: {  
                    'upload-file': 'url:../components/UAW_UUC.vue'
                }

            })
    </script>


</body>

</html>